
import { useEffect, useState } from 'react';
import './App.css'
import "./theme/theme.less";
import "@arco-design/web-react/dist/css/arco.css";
import ZBody from './components/zbody';
import ZHeader from './components/zheader'
import {debounce, map} from "lodash";


function App() {
    const [theme,setTheme] = useState("theme-dark");

    useEffect(()=>{
        window.addEventListener('resize', debounce(async ()=>{
            await window.go.main.App.UpdateWindow(''+window.innerWidth,''+window.innerHeight)
        },3000))
    },[])
    
    return (
        <div className={theme}>
           <div className='z-title'>
               <ZHeader />
           </div>
            <ZBody />
        </div>
    )
}

export default App
